<script setup>
import { ArrowRight } from '@element-plus/icons-vue'
const { breadList } = defineProps(['breadList'])
</script>
<template>
	<div class="bread">
		<el-breadcrumb :separator-icon="ArrowRight">
			<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
			<el-breadcrumb-item v-for="item in breadList" :key="item.id" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item>
		</el-breadcrumb>
	</div>
</template>

<style lang="scss" scoped>
.bread {
	margin: 20px 0;
}
</style>